4 Sprachen: Div - Anordnung von Bilder - hängt das von der Sprache ab?

ferzat.attinger.ch/index.php/de/   Hier werden 4 Sprachen entstehen. Habe mühevoll, mit dem was ich im Internet gefunden habe, die 4 Bilder angeordnet. 

a) Warum ist bei den "normalen" Sprachen die Mittellinie breiter als die waagrechte Linie? Und warum ist, trotz genau gleichem Code das im Arabischen anders dargestellt? (Lininen stimmen nicht).

b) Bei D,F und E werden die Bilder auf eine Mobile schön brav untereinander angezeigt, beim Arabisch aber ist die Ausrichtung etwas gar holprig?

c) Warum werden in der Ipad-Ansicht die arabische Version mit 4 Bilder angezeigt (was ich ja ach möchte), aber die anderen Sprachen zicken dafür rum?

Habe bisher Bilder nur mit Tabellen angeordnet. Das mit diesen Divs ist schon Neuland für mich. Dass das aber so dermassen schwierig ist, hätte ich nicht erwartet. Hat jemand eine Idee?

Arabisch ist eine RTL Sprache, wird also von rechts nach links geschrieben. Damit sind auf der Seite auch ganz viele Abstände genau umgekehrt herum. Also linker Abstand auf deutsch wird rechter Abstand auf arabisch.

Du müsstest also spezifisch für RTL dein CSS noch anpassen damit es dort auch passt. Ich denke das ist mit CSS auch irgendwie möglich, da bin ich spontan aber überfragt wie das geht. Mit RTL Sprachen habe ich nie was gemacht.

Sowas habe ich befürchtet Aber trotzdem: Warum wird in der Ipad-Version arabisch so schön angeordnet? Könnte man das mit einem bestimmten Code auf für die anderen Sprachen erreichen? (Ist das erste mal, dass ich etwas mit diesen Divs mache)

Und warum ist bei den normalen Sprachen eben die Mittel- und Querlinie nicht gleich? Oder bedingt das einfach eine definition mit Margin?

Werde das aber sicher auf FB Joomla gelegentlich mal posten. Evt. weiss dann dort jemand rat.

Ich würd davon ausgehen dass es immer mit linken und rechten margins und paddings zusammenhängt.

Ich habe mal im FB gefragt und diese Antwort gekriegt (also wohl nur mal für dir LTR Sprachen)
"da sind sowieso erst einmal mehrere rows verschachtelt, was zu unschönen Nebeneffekten führen kann.
Kannst Du diesem row eine eigene Klasse hinzufügen oder den span6 elementen?
Dann sollte das abhilfe schaffen:
margin-right: 0;
margin-left: 0;"

Könntest du mir bitte nicht sagen, wie ich das richtig schreiben muss? Habe das mühevoll ja im Internet zusammengelesen.

Bei der Bildausrichtung habe ich noch gesehen, dass ich da sie Sprache und Richtung wählen kann. Aber solange diese Divs wohl nicht richtig sind, macht das keinen Sinn.

Grundsätzlich würde ich das mit Bootstrap-Klassen so lösen:
Wobei "bilderquartett" eine eigene Klasse ist die du selber erfinden kannst. Das erlaubt dir dann einfach spezifische CSS Regeln für die DIVs und Bilder darin festzulegen.
Das "row-fluid" macht dass es bei kleineren Auflösungen untereinander rutscht, das "span6" macht dass es die Hälfte der Breite nutzt (12 wäre die volle Breite). Details hier: getbootstrap.com/2.3.2/scaffolding.html#fluidGridSystem [/code]